.size-fill {
  width: 100%;
  height: 100%;
}
.min-W-fill {
  min-width: 100%;
}
.min-H-fill {
  min-height: 100%;
}
.W-fill {
  width: 100%;
}
.H-fill {
  height: 100%;
}
.min-size-fill {
  min-width: 100%;
  min-height: 100%;
}
._size-fill {
  width: 100% !important;
  height: 100% !important;
}
._min-W-fill {
  min-width: 100% !important;
}
._min-H-fill {
  min-height: 100% !important;
}
._W-fill {
  width: 100% !important;
}
._H-fill {
  height: 100% !important;
}
._min-size-fill {
  min-width: 100% !important;
  min-height: 100% !important;
}
$sizes: (
  "0": 0,
  "xss": 2px,
  "xs": 4px,
  "sm": 6px,
  "md": 12px,
  "lg": 18px,
  "xl": 24px,
  "xxl": 30px,
  "max": 9999999px,
);
page {
  @each $key, $value in $sizes {
    --R-#{$key}: #{$value};
  }
}
@each $key, $value in $sizes {
  .R-#{$key} {
    border-radius: var(--R-#{$key});
  }
}
